<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <div class="header">
        <div class="header_img">
            <img src="images/mi-logo.png" alt="">
        </div>
        <div class="header_char">
            <p class="header_shop">小米商城</p>
            <p class="header_container">让每个人都能享受科技的乐趣</p>
        </div>
    </div>

    <div class="body">
        <div class="body_img">
        <div class="form">
            <ul>
                <li class="f">账号登陆</li>
                <li class="line">|</li>
                <li>扫码登陆</li>
            </ul>
            <form>
                <div>
                    <input type="text" placeholder=" 邮箱/手机号/小米账号">
                </div>
                <div>
                    <input type="password" placeholder=" 密码">
                </div>
                <div>
                    <input class="sub" type="submit" value="立即登陆">
                </div>
            </form>
            <div class="forget">
                <span>立即注册</span>|
                <span>忘记密码?</span>
            </div>
            <fieldset>
                <legend>其他登陆方式</legend>
            </fieldset>
            <div class="footer">
                <a href="#">
                    <span class="qq"></span>
                </a>
                <a class="wrap_weibo" href="#">
                    <span class="weibo"></span>
                </a>
                <a href="#">
                    <span class="zfb"></span>
                </a>
                <a class="wrap_weixin" href="#">
                    <span class="weixin"></span>
                </a>
            </div>
        </div>
    </div>
    </div>
    <div class="buttom">
        <div class="buttom_container">
            <ul>
                <li class="c1">简体</li>
                <li>|</li>
                <li class="c1">繁体</li>
                <li>|</li>
                <li class="c1">English</li>
                <li>|</li>
                <li class="c1">常见问题</li>
            </ul>
            <p>小米公司版权所有-京ICP备10046444-京公网安备11010802020134号-京ICP证110507号</p>
        </div>
    </div>
</body>

</html>